<html>
    <head>
        <title>模板预编译</title>
    </head>
    <body>
        <script>
             // 二、模板预编译
                                /*
                                    概念：
                                        模板预编译指的是"在构建时"把模板编译成"渲染函数"，在执行时就无需编译，可直接执行渲染函数。


                                        当使用"DOM内模板"或 "JavaScript内的字符串模板"时，模板会在运行时被编译为"渲染函数"。
                                    通常情况下这个过程已经足够快了，但对性能敏感的应用还是最好避免这哈怂用法。

                                        预编译模板最简单的方式就是使用"单文件组件"----相关的构建设置会自动把预编译处理好，
                                    所以构建好的代码已经包含了编译出来的渲染函数而不是原始的"模板字符串"。

                                        如果你使用webpack ，并且喜欢分离JavaScript 和模板文件，你可以使用 vue-template-loader ，
                                    它也可以在构建过程中把模板文件转化成为JavaScript渲染函数。
                                */

        </script>
    </body>
</html>